.product-imgs {
    float: right;
    width: 930px;
    margin: 40px auto 26px;
    /* overflow: hidden; */

    /* 弹性盒子布局  较使用浮动简单*/
    display: flex;
    /* 自动换行  */
    flex-wrap: wrap; 
    /* 全部元素等分空白区域 */
    justify-content: space-around; 

}

.product-imgs li {
    /* 设置最小宽度 */
    flex: 0 0 280px;
    /* width: 280px; */
    /* float: left; */
    /* margin: 0 45px 40px 0; */
    margin-bottom: 40px;
}

/* .product-imgs li:nth-child(3n) {
    margin-right: 0;
} */

.product-imgs a {
    position: relative;
}

.product-imgs .pro-title {
    display: block;
    width: 280px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    /*不透明度只用于背景色，若单独设置会作用到文字上，因此背景色用rgba设置*/
    opacity: 0.5;
    position: absolute;
    bottom:0;
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.product-imgs li:hover .pro-title {
    background-color: #01a1ff;
    opacity: 1;
}
.product-imgs li:hover{
    box-shadow: 0 6px 8px  #ace0ff;
}